/**
 * Dear programmer:
 * When I wrote this code, only god and I knew how it worked.
 * Now, only god knows it!
 *
 * @author: lyl  Date: 2019-03-08 Time: 13:37
 */

import {StyleSheet} from 'react-native';
import {
    COLOR_GRAY_LINE,
    COLOR_THEME,
    FONT_COLOR_TITLE,
    FONT_COLOR_SUB_TITLE,
    COLOR_FOCUS
} from "../../../../../constant/PHColors";
import {SCREEN_WIDTH,SCREEN_HEIGHT} from "../../../../../constant/PHScreen";

export const styles = StyleSheet.create({

    body: {
        flex: 1,
    },

    viewStyle:{
        flex:1,
        margin:10,
        borderLeftWidth:1,
        borderRightWidth:1,
        borderTopWidth:1,
        borderColor:COLOR_GRAY_LINE,

    },

    touchableOpacityStyleWithLine:{
        borderBottomWidth:1,
        borderBottomColor:COLOR_GRAY_LINE,
        flexDirection: 'row'
    },

    touchableOpacityStyle:{
        flexDirection: 'row'
    },

    textBox:{
        borderBottomWidth:1,
        borderBottomColor:COLOR_GRAY_LINE,
        flexDirection: 'row',
        width:SCREEN_WIDTH
    },

    textStyle:{
        margin:10,
        fontSize:18,
        color:'black',
    },

    textTitleStyle:{
        width:75,
        margin:10,
        fontSize:18,
        color:'#1E90FF',
    },
    modalContainer: {
        flex: 1,
        justifyContent: 'flex-end',
        alignItems: 'center',
        backgroundColor: 'rgba(0, 0, 0, 0.3)'
    },

    modalBox:{
        height: SCREEN_HEIGHT/3,
        backgroundColor: '#fff',
        flexDirection: 'column',
    },

    modalView: {
        width: SCREEN_WIDTH,
        backgroundColor: '#FFF',
        borderRadius: 0,

    },

    modalHeader: {
        height: 50,
        justifyContent: 'center',
        alignItems: 'center',
        borderBottomWidth: 2,
        borderBottomColor: COLOR_GRAY_LINE
    },

    modalHeaderText: {
        fontSize: 20,
        color: FONT_COLOR_TITLE
    },

    modalItemView: {
        flex: 1,
        justifyContent: 'center',
        alignItems: 'center',
        height: 40,
        borderBottomWidth: 1,
        borderBottomColor: '#f1f1f1'
    },

    modalItemText: {
        fontSize: 18,
        color: FONT_COLOR_TITLE,
        borderBottomWidth: 0,
    },

    modalItemTextCheck:{
        fontSize: 18,
        color: COLOR_FOCUS,
        borderBottomWidth: 0,
    }
})